<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html>
	<head>
	
		<title>
			Sample: Simple Container
		</title>
	
		<link href="StyleSheets/gadgets.css" rel="stylesheet"/>
		<link href="StyleSheets/container.css" rel="stylesheet"/>
		<link href="StyleSheets/temp_styles.css" rel="stylesheet"/>

		<script src="Scripts/container/json.js" type="text/javascript"></script>
		<script src="Scripts/container/ifpc.js" type="text/javascript"></script>
		<script src="Scripts/container/cookies.js" type="text/javascript"></script>
		<script src="Scripts/container/gadgets.js" type="text/javascript"></script>
		<script src="Scripts/jQuery/jquery-1.2.2.js" type="text/javascript"></script>
	
	</head>
	
	<body onload="init()">
		<h2>Sample: Simple Container</h2>
		 
		<div class="column" id="sort1"><p></p></div>
		<div class="column" id="sort2"><p></p></div>
		<div class="column" id="sort3"><p></p></div>

		<script type="text/javascript">
			gadgets.container.setParentUrl('ifpc_relay.html');
			var specUrl0 = 'http://abowman.googlepages.com/spider.xml';
			var specUrl1 = 'http://www.labpixies.com/campaigns/todo/todo.xml';
			var specUrl2 = 'http://www.google.com/ig/modules/aue07otr.xml';
			var specUrl3 = 'http://www.rankquest.com/RankQuest-SEO-Gadget.xml';
			
			// This container lays out and renders gadgets itself.
			
			function renderGadgets() {
					temp++;
  					var gadget1 = gadgets.container.createGadget({widgetId: temp, specUrl: specUrl2, title: "Patient Chart", logo: "/iGoogle/StyleSheets/edit.png"});
  					gadgets.container.addGadget(gadget1,temp);
  					gadgets.container.renderGadget(gadget1);
			};
			function init() {
					temp = 0;
  					gadgets.container.layoutManager = new gadgets.SortableLayoutManager('div.column');
					gadgets.container.setParentUrl('ifpc_relay.html');
  					
			  };
		</script>
		<input type="button" value="New" onclick="renderGadgets(); return false;">
	</body>
</html>
